<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>交通出行 - 日本旅行实用英语指南</title>
    <meta name="description" content="为您的日本之旅准备的交通出行场景实用英语指南，配有中文翻译和音频发音，覆盖乘坐地铁、巴士、出租车等常用英语表达。">
    
    <!-- 字体和图标 -->
    <link rel="stylesheet" href="https://fonts.font.im/css?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Tailwind CSS (核心框架) -->
    <link rel="stylesheet" href="https://g.alicdn.com/code/lib/tailwindcss/2.2.19/tailwind.min.css">
    
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="css/styles.css">

    <meta property="og:type" content="article">
    <meta property="og:title" content="交通出行 - 日本旅行实用英语指南 · 心流AI助手 | 让知识随心流动">
    <meta property="og:site_name" content="心流AI助手"/>
    <meta property="og:description" content="这个网站是一个日本旅行实用英语指南，为赴日游客提供实用英语表达和发音。内容涵盖机场入境、交通出行、住宿、餐饮、购物、观光和紧急情况等场景的常用英语短语，并配有中文翻译和音频发音功能，帮助游客在日本旅行中顺畅交流。">
    <meta property="og:image" content="https://img.alicdn.com/imgextra/i4/O1CN01VFxaDc1s3EZKig0PM_!!6000000005710-0-tps-300-300.jpg">
    <link rel="shortcut icon" type="image/png" href="https://img.alicdn.com/imgextra/i4/O1CN01yBfg3x1iNi4YggwIt_!!6000000004401-2-tps-72-72.png">
    <link rel="icon" type="image/png" href="https://img.alicdn.com/imgextra/i4/O1CN01yBfg3x1iNi4YggwIt_!!6000000004401-2-tps-72-72.png"/>
</head>
<body>
    <!-- 页面标题区 -->
    <header>
        <div class="container header-content">
            <h1 class="page-title">日本旅行实用英语指南</h1>
            <p class="page-subtitle">为您的日本之旅提供最实用的英语表达，点击按钮即可收听标准发音</p>
        </div>
    </header>

    <div class="container">
        <!-- 搜索区域 -->
        <div class="search-container">
            <input type="text" id="search-input" class="search-input" placeholder="搜索英语表达或关键词...">
            <button id="search-button" class="search-button"><i class="fas fa-search"></i> 搜索</button>
        </div>
        
        <!-- 导航标签 -->
        <div class="navigation">
            <ul class="nav-tabs">
                <li><a href="index.html" class="home-link"><i class="fas fa-home"></i> 首页</a></li>
                <li><a href="airport.html"><i class="fas fa-plane-arrival"></i> 机场与入境</a></li>
                <li><a href="transportation.html" class="active"><i class="fas fa-train"></i> 交通出行</a></li>
                <li><a href="accommodation.html"><i class="fas fa-hotel"></i> 住宿服务</a></li>
                <li><a href="dining.html"><i class="fas fa-utensils"></i> 餐饮美食</a></li>
                <li><a href="shopping.html"><i class="fas fa-shopping-bag"></i> 购物支付</a></li>
                <li><a href="sightseeing.html"><i class="fas fa-torii-gate"></i> 观光景点</a></li>
                <li><a href="emergency.html"><i class="fas fa-first-aid"></i> 紧急情况</a></li>
                <li><a href="directions.html"><i class="fas fa-map-marker-alt"></i> 问路指南</a></li>
            </ul>
        </div>
        
        <!-- 交通出行场景 -->
        <div id="transportation" class="content-section">
            <h2 class="section-title">
                <div class="section-icon"><i class="fas fa-train"></i></div>
                交通出行场景
            </h2>
            
            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-subway"></i> 地铁与电车</h3>
                <ul class="phrase-list">
                    <li class="phrase-item high-frequency">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="how-do-i-get-to" data-phrase-text="How do I get to place name?" onclick="playAudio('how-do-i-get-to')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            How do I get to [place name]?
                        </div>
                        <div class="phrase-chinese">我怎么去[地名]？</div>
                    </li>
                    <li class="phrase-item high-frequency">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="which-train-goes-to" data-phrase-text="Which train goes to place name?" onclick="playAudio('which-train-goes-to')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Which train goes to [place name]?
                        </div>
                        <div class="phrase-chinese">哪趟列车去[地名]？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="where-is-the-nearest-station" data-phrase-text="Where is the nearest station?" onclick="playAudio('where-is-the-nearest-station')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Where is the nearest station?
                        </div>
                        <div class="phrase-chinese">最近的车站在哪里？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="how-much-is-the-fare" data-phrase-text="How much is the fare?" onclick="playAudio('how-much-is-the-fare')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            How much is the fare?
                        </div>
                        <div class="phrase-chinese">票价是多少？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="where-can-i-buy-a-ticket" data-phrase-text="Where can I buy a ticket?" onclick="playAudio('where-can-i-buy-a-ticket')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Where can I buy a ticket?
                        </div>
                        <div class="phrase-chinese">在哪里可以买票？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="is-this-the-right-train-for" data-phrase-text="Is this the right train for place name?" onclick="playAudio('is-this-the-right-train-for')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Is this the right train for [place name]?
                        </div>
                        <div class="phrase-chinese">这是去[地名]的正确列车吗？</div>
                    </li>
                </ul>
            </div>

            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-taxi"></i> 出租车</h3>
                <ul class="phrase-list">
                    <li class="phrase-item high-frequency">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="please-take-me-to" data-phrase-text="Please take me to place name." onclick="playAudio('please-take-me-to')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Please take me to [place name].
                        </div>
                        <div class="phrase-chinese">请带我去[地名]。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="how-much-will-it-cost" data-phrase-text="How much will it cost?" onclick="playAudio('how-much-will-it-cost')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            How much will it cost?
                        </div>
                        <div class="phrase-chinese">需要多少钱？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="can-i-get-a-receipt" data-phrase-text="Can I get a receipt?" onclick="playAudio('can-i-get-a-receipt')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Can I get a receipt?
                        </div>
                        <div class="phrase-chinese">可以给我收据吗？</div>
                    </li>
                </ul>
            </div>
            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-suitcase-rolling"></i> 放置行李的旅游英语口语</h3>
                <ul class="phrase-list">
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="how-many-bags-do-you-have" data-phrase-text="How many bags do you have?" onclick="playAudio('how-many-bags-do-you-have')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            How many bags do you have?
                        </div>
                        <div class="phrase-chinese">你有几件行李?</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="just-one" data-phrase-text="Just one." onclick="playAudio('just-one')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Just one.
                        </div>
                        <div class="phrase-chinese">只有一件。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="ill-put-it-in-the-trunk" data-phrase-text="I'll put it in the trunk." onclick="playAudio('ill-put-it-in-the-trunk')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I'll put it in the trunk.
                        </div>
                        <div class="phrase-chinese">我把它放后备箱吧。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="thank-you-very-much" data-phrase-text="Thank you very much." onclick="playAudio('thank-you-very-much')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Thank you very much.
                        </div>
                        <div class="phrase-chinese">谢谢。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="i-have-too-much-luggage" data-phrase-text="I have too much luggage." onclick="playAudio('i-have-too-much-luggage')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I have too much luggage.
                        </div>
                        <div class="phrase-chinese">我的行李太多了。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="do-you-need-to-use-the-trunk" data-phrase-text="Do you need to use the trunk?" onclick="playAudio('do-you-need-to-use-the-trunk')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Do you need to use the trunk?
                        </div>
                        <div class="phrase-chinese">请问您需要后备箱吗?</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="i-will-need-to-use-the-trunk" data-phrase-text="I will need to use the trunk." onclick="playAudio('i-will-need-to-use-the-trunk')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I will need to use the trunk.
                        </div>
                        <div class="phrase-chinese">我需要用后备箱。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="ill-help-you-to-load-the-luggage" data-phrase-text="I'll help you to load the luggage." onclick="playAudio('ill-help-you-to-load-the-luggage')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I'll help you to load the luggage.
                        </div>
                        <div class="phrase-chinese">我来帮您放行李。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="is-it-big-enough" data-phrase-text="Is it big enough?" onclick="playAudio('is-it-big-enough')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Is it big enough?
                        </div>
                        <div class="phrase-chinese">请问后备箱的空间够吗?</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="the-trunk-should-be-big-enough" data-phrase-text="The trunk should be big enough for all your luggage." onclick="playAudio('the-trunk-should-be-big-enough')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            The trunk should be big enough for all your luggage.
                        </div>
                        <div class="phrase-chinese">后备箱应该能放得下您所有的行李。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="this-bag-wont-fit-in-the-back-seat" data-phrase-text="This bag won't fit in the back seat." onclick="playAudio('this-bag-wont-fit-in-the-back-seat')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            This bag won't fit in the back seat.
                        </div>
                        <div class="phrase-chinese">这袋子放不进后座。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="you-need-to-put-this-bag-in-the-trunk" data-phrase-text="You need to put this bag in the trunk." onclick="playAudio('you-need-to-put-this-bag-in-the-trunk')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            You need to put this bag in the trunk.
                        </div>
                        <div class="phrase-chinese">您得把袋子放进后备箱里。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="please-open-the-trunk" data-phrase-text="Please open the trunk." onclick="playAudio('please-open-the-trunk')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Please open the trunk.
                        </div>
                        <div class="phrase-chinese">可以帮我打开后备箱吗?</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="ok-let-me-open-the-trunk-first" data-phrase-text="OK, let me open the trunk first." onclick="playAudio('ok-let-me-open-the-trunk-first')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            OK, let me open the trunk first.
                        </div>
                        <div class="phrase-chinese">好的，先让我把后备箱打开。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="can-you-help-me-put-the-luggage-in-the-trunk" data-phrase-text="Can you help me put the luggage in the trunk?" onclick="playAudio('can-you-help-me-put-the-luggage-in-the-trunk')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Can you help me put the luggage in the trunk?
                        </div>
                        <div class="phrase-chinese">可以请你帮我把行李搬到后备箱吗?</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="sure-let-me-help-you-with-this" data-phrase-text="Sure, let me help you with this." onclick="playAudio('sure-let-me-help-you-with-this')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Sure, let me help you with this.
                        </div>
                        <div class="phrase-chinese">当然，请让我来帮您。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="can-you-help-me" data-phrase-text="Can you help me?" onclick="playAudio('can-you-help-me')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Can you help me?
                        </div>
                        <div class="phrase-chinese">请帮我放这个袋子。</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 页脚区域 -->
    <footer class="site-footer">
        <div class="container">
            <div class="footer-content">
                <p>© 2025 日本旅行实用英语指南 | 内容更新时间: <span id="generation-time">2025年04月28日</span></p>
                <p>本指南仅供学习交流使用，支持离线访问</p>
            
                <div class="flex flex-col items-center m-7">
                    <a
                        href="https://iflow.cn/?appCode=MANUS_CHATBOT"
                        target="_blank" 
                        class="text-center text-gray-400 underline">
                        由心流高级研究模式生成｜点击立即体验
                    </a>
                </div>
            </div>
        </div>
    </footer>
    
    <!-- JavaScript文件 -->
    <script src="js/audio-manager.js"></script>
    <script src="js/main.js"></script>
</body>
</html>